<script context="module">
  export async function load({ page }) {
    return {
      props: {
        terms: page.params.terms
      }
    }
  }
</script>
<script>
  import Prompt from '$lib/components/prompt.svelte';
  export let terms;
</script>

<svelte:head>
  <title>{terms} - prompt @ unlimited.pizza</title>
  <meta name="description" content="Your writing prompt is: {terms}" />
</svelte:head>

<Prompt terms={terms} />
